<script setup>
import { RouterView, useRoute } from 'vue-router';
import { ref, getCurrentInstance, computed } from 'vue';

const { proxy } = getCurrentInstance()
const route = useRoute()
const size = ref('default')
const locale = computed(() => proxy.$i18n.messages[proxy.$i18n.getLocale()].el)

</script>

<template>
  <a-config-provider
    :componentSize="size"
    :locale="locale">
    <router-view v-slot="{ Component }" :key="route.fullPath">
      <keep-alive>
        <component :is="Component" />
      </keep-alive>
    </router-view>
  </a-config-provider>
</template>

<style lang="scss">
@import '@/style/sass/bulma.scss';

.ant-modal div[aria-hidden="true"] {
		display: none !important
}
</style>
